// Pagination
$f-cus-pagination-button-size: calc(#{#{$farris-pagination-line-height} + #{$farris-pagination-padding-y * 2} + #{$f-pagination-border-width *
 2
}
});

// Pagination
.pagination {
  font-size: $farris-pagination-font-size;
  padding: $farris-pagination-wrap-padding-y $farris-pagination-wrap-padding-x;
}

.page-link {
  @include f-custom-border-radius($farris-pagination-border-radius);
  min-width: $f-cus-pagination-button-size;
  height: $f-cus-pagination-button-size;
  text-align: center;
  margin-left: 0px;
  overflow: hidden;
  box-shadow: $farris-pagination-box-shadow;

  .k-icon {
    vertical-align: top;
  }

  &:focus {
    color: $farris-pagination-focus-color;
    border-color: $farris-pagination-focus-border-color;
  }

  &.disabled {
    color: $farris-pagination-disabled-color;
    background-color: $farris-pagination-disabled-bg;
    border-color: $farris-pagination-disabled-border-color;
    box-shadow: none;
  }

  &:hover {
    color: $farris-pagination-hover-color;
    background-color: $farris-pagination-hover-bg;
    border-color: $farris-pagination-hover-border-color;
  }

  &:active {
    color: $farris-pagination-default-active-color;
    background-color: $farris-pagination-default-active-bg;
    border-color: $farris-pagination-default-active-border-color;
  }
}

.page-item {
  margin: $farris-pagination-margin-y $farris-pagination-margin-x;
}

.pagination-lg .page-link {
  height: auto;
  width: auto;
}